diff options
| author | Adam Soltys <[email protected]> | 2022-08-16 15:31:41 -0700 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-08-16 15:31:41 -0700 |
| commit | 770725fbdcc8ea7bf47ef0af5a43a239bef98ff6 (patch) | |
| tree | 445d55b896a63eab5a29204e720a9e74d0629697 /src/routes/[username]/transactions.svelte | |
| parent | 0b51e1dfd0d099c243d21889fb77fea4769dac0a (diff) | |
| download | coinos-ui-770725fbdcc8ea7bf47ef0af5a43a239bef98ff6.tar.gz coinos-ui-770725fbdcc8ea7bf47ef0af5a43a239bef98ff6.zip | |
sveltekit route migration
Diffstat (limited to 'src/routes/[username]/transactions.svelte')
| -rw-r--r-- | src/routes/[username]/transactions.svelte | 60 |
1 files changed, 0 insertions, 60 deletions
diff --git a/src/routes/[username]/transactions.svelte b/src/routes/[username]/transactions.svelte deleted file mode 100644 index c91fd900..00000000 --- a/src/routes/[username]/transactions.svelte +++ /dev/null @@ -1,60 +0,0 @@ -<script> - import { AppHeader } from '$comp'; - import { user, newPayment } from '$lib/store'; - - $newPayment = false; - - $: transactions = $user.payments; -</script> - -{#if $user} - <AppHeader /> - - <div class="my-20"> - <h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold mb-10"> - Transaction History - </h1> - - <div class="max-w-5xl w-11/12 md:w-3/4 xl:w-1/2 mx-auto md:text-lg"> - <div class="text-secondary grid grid-cols-3 mb-5"> - <h2>AMOUNT</h2> - <h2 class="text-center">TYPE</h2> - <h2 class="text-right">TIME</h2> - </div> - - <div class="space-y-10"> - {#if transactions.length} - {#each transactions as tx} - <div class="grid grid-cols-3 border-b pb-5"> - <div class="font-bold"> - <span class="block mb-1" - >{tx.amount > 0 ? '+' : ''}{new Intl.NumberFormat('en-US', { - style: 'currency', - currency: 'USD' - }).format(tx.amount * (tx.rate / 100000000))} - </span> - - <span class="text-secondary" - >{tx.amount > 0 ? '+' : ''}{new Intl.NumberFormat('en-US', { - maximumFractionDigits: 0 - }).format(tx.amount)} - SATS - </span> - </div> - - <div class="text-center"> - <span class="text-secondary">{tx.amount < 0 ? 'Sent' : 'Received'}</span> - </div> - - <div class="text-secondary text-right"> - {new Date(tx.createdAt).toLocaleDateString(undefined, { dateStyle: 'medium' })} - </div> - </div> - {/each} - {:else} - <p class="text-secondary text-lg text-center">No transactions yet.</p> - {/if} - </div> - </div> - </div> -{/if} |